<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mate系列</title>
    <link rel="stylesheet" href="./index-icon/iconfont.css">
    <link rel="stylesheet" href="./css/mate-series.css">
</head>

<body>
    <header id="top">
        <div class="header-nav-left">
            <a class="nofollow" href="https://www.vmall.com/index.html">首页</a>
            <span class="sep">|</span>
            <a class="nofollow" href="https://consumer.huawei.com/cn/">华为官网</a>
            <span class="sep">|</span>
            <a class="nofollow" href="https://club.huawei.com/" target="_blank">花粉俱乐部</a>
            <span class="sep">|</span>
            <a class="nofollow" href="https://id1.cloud.huawei.com/" target="_blank">V码(优购码)</a>
            <span class="sep">|</span>
            <a class="nofollow" href="https://company.vmall.com/#/huawei" target="_blank">企业购</a>
            <span class="sep">|</span>
            <a class="nofollow" href="" target="_blank">Select Region</a>
            <span class="sep">|</span>
            <div class="nav-icon">
                <a class="more" href="" target="_blank">
                    更多精彩</a>
                <span class="iconfont icon-xiangxia2"></span>
                <div class="nav-icon-menu">
                    <a>HarmonyOS</a>
                    <a>应用市场</a>
                    <a>华为终端云空间</a>
                    <a>开发者联盟</a>
                </div>
            </div>
        </div>
        <div class="header-nav-right">
            <a class="login" href="" target="_blank">请登入</a>
            <a class="registered" href="" target="_blank">注册</a>
            <span class="sep">|</span>
            <a class="orders" href="" target="_blank">我的订单</a>
            <span class="sep">|</span>
            <div class="nav-icon">
                <a class="nofollow" href="" target="_blank">客服</a>
                <span class="iconfont icon-xiangxia2"></span>
                <div class="nav-icon-menu">
                    <a href="">服务中心</a>
                    <a>联系客服</a>
                </div>
            </div>
            <span class="sep">|</span>
            <div class="nav-icon">
                <a class="nofollow" href="//airstar.com/home" target="_blank">网站导航</a>
                <span class="iconfont icon-xiangxia2"></span>
                <div class="nav-icon-menu2">
                    <div class="nav-icon-menu2-dh">
                        <div class="nav-icon-s1">
                            <div class="nav-icon-s1-cum nav-icon-mid">
                                <span class="iconfont icon-shouye"></span>
                                <p>商城首页</p>
                            </div>
                        </div>
                        <div class="nav-icon-pd">
                            <div class="nav-icon-s1-cum">
                                <div class="bold">频道</div>
                                <div class="nav-li-row">
                                    <ul>
                                        <li>华为专区</li>
                                        <li>教育优惠</li>
                                    </ul>
                                    <ul>
                                        <li>企业购</li>
                                        <li>HarmonyOS</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="nav-icon-cp">
                            <div class="nav-icon-s1-cum">
                                <div class="bold">产品</div>
                                <div class="nav-li-row">
                                    <ul>
                                        <li>手机</li>
                                        <li>平板</li>
                                        <li>智能家居</li>
                                        <li>耳机质量</li>
                                        <li>生态产品</li>
                                    </ul>
                                    <ul>
                                        <li>笔记本</li>
                                        <li>智能穿戴</li>
                                        <li>智慧屏</li>
                                        <li>热销配件</li>
                                        <li>增值服务</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="nav-icon-zzfw">
                            <div class="nav-icon-s1-cum">
                                <div class="bold">增值服务</div>
                                <div class="nav-li-row">
                                    <ul>
                                        <li>以旧换新</li>
                                        <li>一口价换电池</li>
                                        <li>穿戴保护</li>
                                        <li>活动公告</li>
                                    </ul>
                                    <ul>
                                        <li>补购保障</li>
                                        <li>音频延保</li>
                                        <li>智慧屏全质保</li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="nav-icon-vip">
                            <div class="bold">会员</div>
                            <ul>
                                <li>会员频道</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <span class="sep">|</span>
            <div class="nav-icon">
                <a class="nofollow" href="//airstar.com/home" target="_blank">手机版</a>
                <span class="iconfont icon-xiangxia2"></span>
            </div>
            <div class="cart">
                <a class="nofollow" href="//airstar.com/home" target="_blank">购物车</a>
            </div>
        </div>
    </header>
    <div class="nav">
        <div class="nav-mid">
            <img src="./img/index-img/logo_app.png" width="103px" />
            <div class="nav-d">
                <div><a href="">华为专区</a></div>
                <div><a href="">鸿蒙智联</a></div>
                <div><a href="">莫塞尔</a></div>
                <div><a href="">华为智选</a></div>
                <div><a href="">HarmonyOS</a></div>
                <div><a href="">特惠企采</a></div>
                <div><a href="">教育购</a></div>
            </div>
            <span class="iconfont icon-sousuo"></span>
        </div>
    </div>
    <div class="content">
        <div class="content-index">
            <div class="content-index-top">
                <div>首页</div>
                <div><span class="iconfont icon-xiangyou1"></span><span>手机</span></div>
                <div><span class="iconfont icon-xiangyou1"></span><span>Mate系列</span></div>
            </div>
            <div class="content-index-bot">
                <div class="content-index-menu">
                    <div class="content-index-menu-row">
                        <div class="w104h48">分类：</div>
                        <div class="w112h48">手机</div>
                    </div>
                    <div class="content-index-menu-row">
                        <div class="w104h48">服务优惠 ：</div>
                        <div class="w112h48">
                            <div class="w112h24">仅看有货<div class="row-bor"></div>
                            </div>
                        </div>
                        <div class="w112h48">
                            <div class="w112h24">分期免息<div class="row-bor"></div>
                            </div>
                        </div>
                        <div class="w112h48">
                            <div class="w112h24">优惠商品<div class="row-bor"></div>
                            </div>
                        </div>
                    </div>
                    <div class="content-index-menu-row">
                        <div class="w104h48">屏幕尺寸 ：</div>
                        <div class="w112h48">
                            <div class="w112h24">6.5英寸以上<div class="row-bor"></div>
                            </div>
                        </div>
                    </div>
                    <div class="content-index-menu-row">
                        <div class="w100h48 menu-more">更多选项 ：</div>
                        <div class="w100h48 p5">
                            <div>运行内存<span class="iconfont icon-xiangxia2"></span></div>
                            <div class="p5-menu">
                                <div class="w112h24 mar24">8GB及以上<div class="row-bor"></div>
                                </div>
                            </div>
                        </div>
                        <div class="w100h48 p15">
                            <div>储存容量<span class="iconfont icon-xiangxia2"></span></div>
                            <div class="p15-menu">
                                <div class="w112h24 mar24">256GB及以上<div class="row-bor"></div>
                                </div>
                            </div>
                        </div>
                        <div class="w100h48 p0">
                            <div>上市时间<span class="iconfont icon-xiangxia2"></span></div>
                            <div class="p0-menu">
                                <div class="w112h24 mar24">3-6个月<div class="row-bor"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content-index-menu-row">
                        <div class="w104h48">排序：</div>
                        <div class="w112h48">综合</div>
                        <div class="w112h48">最新</div>
                        <div class="w112h48">评论数</div>
                        <div class="w48h48">
                            <div>价格</div><span class="iconfont icon-shangxiaxuanze"></span>
                        </div>
                        <div class="price">
                            <input type="text" placeholder="￥">
                            <span>-</span>
                            <input type="text" placeholder="￥">
                            <div class="price-yinchang">
                                <div class="price-xiala">
                                    <input type="text" placeholder="￥">
                                    <span>-</span>
                                    <input type="text" placeholder="￥">
                                </div>
                                <div class="price-button">
                                    <button class="b1">清空</button>
                                    <button class="b2">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="commodity">
            <div class="commodity-sp">
                <div class="commodity-kuai" onclick="window.open('meta-detail.html')">
                    <img src="./img/index-img/mate max.png" alt="">
                    <h4>HUAWEI Mate Xs 2</h4>
                    <p>新一代折叠旗舰</p>
                    <span class="money">￥9999</span>
                    <span class="bq1">赠送积分</span>
                    <span class="pj">2156人评价 97% 好评</span>
                </div>
                <div class="commodity-kuai">
                    <img src="./img/index-img/mate max x2.png" alt="">
                    <h4>HUAWEI Mate X2 （5G版）</h4>
                    <span></span>
                    <span class="money">￥17799</span>
                    <div>
                        <span class="bq1">24期免息</span>
                        <span class="bq1">赠送积分</span>
                    </div>
                    <span class="pj">12657人评价 99% 好评</span>
                </div>
            </div>

        </div>
    </div>
    <footer>
        <div class="footer-nav">
            <div class="footer-nav-icon"><span class="iconfont icon-qiye"></span><span class="tlt1">百强企业 品质保证</span>
            </div>
            <div class="footer-nav-icon"><span class="iconfont icon-rili"></span><span class="tlt1">7天退货 15天换货</span>
            </div>
            <div class="footer-nav-icon"><span class="iconfont icon-hezi501"></span><span class="tlt1">48元起免运费</span>
            </div>
            <div class="footer-nav-icon"><span class="iconfont icon-shimingrenzheng"></span><span class="tlt1">2000家服务店
                    全国联保</span></div>
        </div>
        <div class="footer-help">
            <div class="footer-help-left">
                <div class="ul1">
                    <p>购物指南</p>
                    <ul>
                        <li><a href="">免息分期</a></li>
                        <li><a href="">以旧换新</a></li>
                        <li><a href="">众测活动</a></li>
                        <li><a href="">企业购</a></li>
                        <li><a href="">O2O采购</a></li>
                    </ul>
                </div>
                <div class="ul1">
                    <p>售后服务</p>
                    <ul>
                        <li><a href="">门店维修</a></li>
                        <li><a href="">保修政策</a></li>
                        <li><a href="">防伪查询</a></li>
                        <li><a href="">退换货政策</a></li>
                        <li><a href="">手机寄修服务</a></li>
                        <li><a href="">维修备件价格查询</a></li>
                    </ul>
                </div>
                <div class="ul1">
                    <p>维修与技术支持</p>
                    <ul>
                        <li><a href="">服务店</a></li>
                        <li><a href="">预约维修</a></li>
                        <li><a href="">手机寄修</a></li>
                        <li><a href="">备件价格查询</a></li>
                        <li><a href="">上门服务</a></li>
                    </ul>
                </div>
                <div class="ul1">
                    <p>特色服务</p>
                    <ul>
                        <li><a href="">防伪查询</a></li>
                        <li><a href="">补购保障</a></li>
                        <li><a href="">以旧换新</a></li>
                        <li><a href="">礼品包装</a></li>
                    </ul>
                </div>
                <div class="ul1">
                    <p>关于我们</p>
                    <ul>
                        <li><a href="">公司介绍</a></li>
                        <li><a href="">华为零售店</a></li>
                        <li><a href="">商家中心</a></li>
                        <li><a href="">意见反馈</a></li>
                    </ul>
                </div>
                <div class="ul1">
                    <p>友情链接</p>
                    <ul>
                        <li><a href="">华为集团</a></li>
                        <li><a href="">华为CBG官网</a></li>
                        <li><a href="">花粉俱乐部</a></li>
                        <li><a href="">华为云</a></li>
                        <li><a href="">华为应用市场</a></li>
                    </ul>
                </div>
            </div>
            <div class="footer-help-right">
                <h3>950805</h3>
                <p>7 x 24 小时客服热线 (仅收市话费)</p>
                <a class="hover-kefu">
                    <span class="iconfont icon-kefu"></span>
                    <span>在线客服</span>
                </a>
                <div class="footer-help-right-icon">
                    <span class="icon-tltil">关注VMALL：</span>
                    <span class="iconfont icon-weixin"></span>
                    <span class="iconfont icon-toutiao"></span>
                    <span class="iconfont icon-icon_weibo"></span>
                    <span class="iconfont icon-BaiDu"></span>
                </div>
            </div>
        </div>
        <div class="footer-page">
            <div class="footer-page-left">
                <div>
                    <div><img src="./img/index-img/logo_app.png" width="82px"></div>
                </div>
                <div class="footer-page-a">
                    <div class="footer-page-nav">
                        <a class="nofollow" href="">华为集团</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="">
                            华为CBG官网</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">花粉俱乐部</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">华为应用市场</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">HarmonyOS</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">华为终端云空间</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">开发者联盟</a>
                        <span class="sep">|</span>
                        <a class="nofollow" href="" target="_blank">华为商城手机版</a>
                        <span class="sep">|</span>
                    </div>
                    <p class="footer-page-p">
                        <a href="https://privacy.consumer.huawei.com/legal/vmall/privacy-statement.htm?code=CN&amp;branchid=0&amp;language=zh-cn&amp;contenttag=default"
                            rel="nofollow" target="_blank" title="隐私声明">隐私声明</a> <a
                            href="https://privacy.consumer.huawei.com/legal/vmall/terms.htm?code=CN&amp;branchid=0&amp;language=zh-cn&amp;contenttag=default"
                            rel="nofollow" target="_blank" title="服务协议">服务协议</a> <a
                            href="https://msale.vmall.com/cookies.html" rel="nofollow" target="_blank"
                            title="COOKIES">COOKIES</a> <span>Copyright © 2012-2022 华为终端有限公司
                            版权所有 </span><a href="https://www.vmall.com/notice-17426" target="_blank">| 经营资质 |</a><a
                            href="https://beian.miit.gov.cn/" target="_blank"> 粤ICP备19015064号</a><span> | </span><a
                            href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44190002003939"
                            target="_blank">粤公网安备 44190002003939号</a><br><a target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/40227551365615572204.png">增值电信业务经营许可证：粤B2-20190762<span>
                                | </span></a><a target="_blank"
                            href="https://wxdxsba.miit.gov.cn/serviceAction.action">备案主体编号：44201919072182</a><em>|</em><a
                            target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/91133651365615633119.pdf">粤新出网备（2021）2号<span>
                                | </span></a><a target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/58220651365615602285.png">（粤）网械平台备字[2022]第00005号<br></a><a
                            target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/17308188080618180371.jpg">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
                        <span>|</span> <a target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/29005784435618750092.pdf">粤东食药监械经营备20203930</a>
                        <span>|</span> <a target="_blank"
                            href="https://res.vmallres.com/pimages//pages/cdnImages/42579551365615597524.png">广东省网络食品交易第三方平台备案：GDWS10168</a>
                    </p>
                </div>
            </div>
            <div>
                <a class="" href="https://res3.vmallres.com/shopdc/pic/5a818c14-f886-41b6-ad48-56c94a430471.jpg"
                    target="_blank"><img alt="电子营业执照" style="height:32px"
                        src="https://res.vmallres.com/pimages/template/content/2016/20160226162415360.png"
                        title="电子营业执照"> </a>
            </div>
        </div>
    </footer>
</body>

</html>